@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,600,800&subset=latin,latin-ext);
/*-------------------------------------
Developer:	Milutin Bulić
Date:		Feb 20th, 2012
---------------------------------------
Content:
---------------------------------------
	1. Reset
	2. Global styles
	3. Containers
	4. Menus
	5. Galleries
	6. Forms
	7. Specific styles
---------------------------------------*/

/*---------------------------------------
	=RESET
---------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*---------------------------------------
	=GLOBAL STYLES
---------------------------------------*/

body {
	background-image:url(../pic/cf-texture_10x10.png);
}

h1, h2, h3, h4, h5, h6 {
}

p {
	font-family: Georgia, "Times New Roman", Times, serif
}

ul, ol {}
li {}

a {
	color:#FFF;
	text-decoration: none;
}
a:hover {}
a:visited {
	color:#FFF;
}
a:focus { 
    outline: none; 
}
img {}

/*---------------------------------------
	=CONTAINERS
---------------------------------------*/

div {}

header, section, article, aside, footer {
	/*outline: 1px solid #F00;*/ 
}

/*---------------------------------------
	=MENUS
---------------------------------------*/

nav {}

nav ol {}
nav ol li {}
nav ol li a {}

/*---------------------------------------
	=GALLERIES
---------------------------------------*/

/*---------------------------------------
	=FORMS
---------------------------------------*/

form {}

fieldset {}
legend {}

label {}
input {}
textarea {}

/*---------------------------------------
	=SPECIFIC STYLES
---------------------------------------*/
#main_header {
	margin: 0 auto;
	position:relative;
	height: 80px;
	width:960px;
	z-index: 1000;
	background-color: #4A4847;
	box-shadow: 0px 2px 2px #000;
	font-family: 'Open Sans', sans-serif;
	/*font-weight: 300;*/
	text-transform: uppercase;
	margin-bottom: 20px;
	}
#header_nav {
	background-image:url(../pic/trakica-menu.png);
	background-repeat: no-repeat;
}
#logo_pic {
	position: absolute;
	display:block;
	left:33px;
}
#MB {
	display:block;
	position:absolute;
	left: 176px;
	margin-top: 20px;
	line-height: 25px;
	font-size: 22px;
	color: #857F5B;
	text-shadow: 1px 1px 0 #232A34;
	text-decoration: none;
}
#header_nav {
	display:block;
	position: absolute;
	right: 77px;
	width: 467px;
	height: 70px;
	bottom: 0px;
	background-image:url(../pic/trakica-menu.png);
	background-repeat:no-repeat;
	text-decoration: none;
	/*outline: 1px solid red;*/
}
#header_nav ol {
	position:relative;
/*	top: 34px;
*/}

#header_nav ol li {
	float: left;
	position: relative;
	background-image:url(../pic/trakica-menu.png);
	background-repeat:no-repeat;
	background-position:right;
	height:70px;
	/*outline: 1px solid green;*/
}
#header_nav ol li a {
	color: #7F8C9C;
	font-size: 22px;
	text-decoration: none;
	padding: 5px 12px;
	position: relative;
	top: 32px;
	/*outline: 1px solid blue;*/
}
#header_nav ol li a:active {
	color:#7F8C9C;
}
#jezik ol {
	display: block;
	position: absolute;
	font-size:12px;
	font-weight:900;
	color:#7F8C9C;
	right: 0;
	width: 70px;
	/*outline: 1px solid #0FF;*/
}
#jezik ol li {
	float:left;
	margin: 10px 14px 0 0;
	/*outline:#FF0;*/
}
#jezik ol li a {
	text-decoration: none;
	color:#7F8C9C;
	text-shadow: 1px 1px 1px #333;
}
#jezik ol li a span {
	color:#98C2FF;
}	
#content {
	margin: 0 auto;
	position:relative;
	width: 960px;
	/*height: 920px;*/
	color: #FFF;
	/*outline: 1px solid #0FF;*/
}
#jq {
	position: relative;
	background-color: #7D8B9C;
	width:960px;
	height:400px;
}
#h1_1, #h1_2, #h1_3 {
	position: absolute;
	z-index: 20;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size: 30px;
	color: #111;
	text-transform: uppercase;
}
#h1_1 {
	top: 102px;
	left: 310px;
}
#h1_2 {
	font-weight: 900;
	font-size: 96px;
	top: 126px;
	left: 304px;
}
#h1_3 {
	top: 216px;
	left: 308px;
	font-size: 37px;
}
#h1_3 span {
	color: #B2D0F0;
}
/*.jq_naslov {
	position: absolute;
	width: 400px;
	z-index: 20;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size: 30px;
	color: #111;
	text-transform: uppercase;
	outline: 1px solid red;
}
.jq_naslov span {
	font-weight: 900;
	font-size: 96px;
}*/
#slider {
	border: 10px solid #FFF;
}
#home_portfolio {
	background-color:#7D8B9C;
	display:block;
	position: relative;
	border-top: 1px solid #3F535C;
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
	font-size: 35px;
	text-transform:uppercase;
	text-shadow: 2px 2px 2px #333;
	overflow:hidden;
	height: 260px;
}
.sec-portfolio {
	display:block;
	width:280px;
	height:210px;
	background-image:url(../pic/paternic.png);
	margin: 20px 10px;
	padding:10px;
	float:left;
	position:relative;
	overflow:hidden;
}
.port_img {
	position:relative;
	top: 15px;
	width:280px;
	height:160px;
}

#home_logotipi {
	background-image:url(../Images/naslovna_log_280x320.jpg);
}
#home_web {
	background-image:url(../Images/naslovna_web_280x320.jpg);
}
#home_stuff {
	background-image:url(../Images/naslovna_stuff_280x320.jpg);
}

.port_img:hover {
	background-position:bottom;
}

#home_about {
	padding: 10px;
	color: #333;
	background-color:#FFF;
	background-image:url(../Images/njushka.jpg);
	background-repeat: no-repeat;
	background-position: 625px 10px;
	height: 240px;
}
#home_about p {
	width:610px;
	line-height:1.4;
	float:left;
	margin-left:20px;
	margin-top: 20px;
	color:#333;
	font-size:20px;
	font-style:italic;
}
#home_about h1 {
	font-family: 'Open Sans', sans-serif;
	font-size: 35px;
	text-transform:uppercase;
	margin: 18px 0 10px 10px;
}
#home_about a {
	text-decoration:none;
	color:#7D8B9A;
}
#ornament {
	position: relative;
	right: 69px;
	bottom: 74px;
	
}
footer {
	position:relative;
	width:960px;
	height:100px;
	background-color:#4A4847;
	margin: 20px auto 0;
	font-size:12px;
	color:#A5A4A3;
	clear:both;
}
footer p {
	position: absolute;
	margin: 50px 35px;
	color: #777777;
}
footer #logic {
	display: block;
	position: absolute;
	left: 445px;
	border-left: 1px solid #777;
	border-right: 1px solid #777;
	margin-top: 37px;
	padding: 0 30px;
	/*outline: 1px solid green;*/
}
#soc-net {
	display: block;
	float:right;
	position: relative;
	top: 39px;
	margin-right: 47px;
}
#soc-net a {
	margin-right: 10px;
}
#content_forma {
	position: relative;
	margin:0 auto;
	width: 940px;
	height:480px;
	padding:10px;
	background-color:#FFF;
	/*outline: 1px solid #F00;*/
}
#content_forma h1 {
	font-family: 'Open Sans', sans-serif;
	font-size: 35px;
	font-weight:300;
	display:block;
	color: #333;
	text-transform:uppercase;	
}
#content_forma p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	display:block;
	text-align:center;
	color: #3F535C;
	line-height: 1.4;
	text-shadow: 1px 1px 0 #98A4B3;
}
#content_forma .form p {
	font-size: 16px;
	text-align: left;
}
.forma_box {
	position: relative;
	width:940px;
	height:480px;
	background-color:#7D8B9C;
	/*outline: 1px solid green;*/
}
#content_forma .sent {
	background-image:url(../pic/avio_sent.png);
	background-repeat:no-repeat;
	background-position:right;
	position:relative;
}
#content_forma .sent h1{
	position: absolute;
	top: 176px;
	left: 374px;
}
#content_forma .sent p{
	position: absolute;
	top: 242px;
	left: 280px;
}
#content_forma .sorry {
	background-image:url(../pic/sorry.png);
	background-repeat:no-repeat;
	background-position:left;
	
	position: absolute;
}
#content_forma .sorry h1{
	position: absolute;
	top: 176px;
	left: 411px;
}
#content_forma .sorry p {
	position: absolute;
	top: 242px;
	left: 195px;
}
.form .label{
	display: block;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	color: #3F535C;
	text-shadow: 1px 1px 0 #98A4B3;
	margin-bottom: 5px;
}
.form .input {
	display: block;
	background-color: #E8F9FF;
	height:40px;
	width:300px;
	line-height: 40px;
	padding:0 10px;
	border:hidden;
	font-size:16px;
}
.form {
	background-image: url(../pic/jezicak_forma.png);
	background-repeat: no-repeat;
	background-position: 600px 0;
}
.forma_box p {
	display:block;
	position:relative;
	top: 33px;
	left: 60px;
}
#name {
	margin-top: 60px;
}
.form div {
	display:block;
	margin-left:60px;
	margin-bottom: 20px;
}
.form .button {
	border: 0;
	background: url(../pic/send_avioncic_3.png) no-repeat;
	width: 139px;
	height: 95px;
	position:absolute;
	top: 350px;
	left: 762px;
}
.form .button:hover {
	background: url(../pic/send_avioncic_3.png) no-repeat;
	background-position: center;
}
.form .button:active {
	background: url(../pic/send_avioncic_3.png) no-repeat;
	background-position: bottom;
}

.forma_box h1 {
	display:block;
	position:relative;
	top: 25px;
	left: 60px;
}
#sender_text {
	background-color: #E8F9FF;
	line-height:20px;
	padding:5px 5px 5px 10px;
	border:hidden;
	font-size:16px;
}
#commentForm label.error {
	position: absolute;
	left: 395px;
	bottom: 292px;
	color: #CC0000;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:16px;
}
#emailContact label.error {
	bottom: 210px;
}
#textareaContact label.error {
	left: 395px;
	bottom: 162px;
}

/*---------------------------------------
	PORTFOLIO STRANA
---------------------------------------*/

#portfolio #content {
	background-color: #7D8B9C;
	border: 5px solid #E8F9FF;
	width: 920px;
	padding: 15px;
	position:relative;
	overflow:hidden;
}
#section_levo {
	float:left;
	position: relative;
	background-image:url(../pic/paternic.png);
	padding: 20px 20px 20px 0;
	width: 280px;
}
#section_levo h1 {
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
	font-size: 35px;
	text-transform:uppercase;
	text-shadow: 1px 1px 1px #333;
	line-height: 43px;
	margin-bottom: 30px;
	margin-left: 20px;
}
#section_levo p {
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 1.2;
	font-size:20px;
	color:#3F5259;
	border-top: 2px solid #7D8B9C;
	padding: 15px 0 0 20px;
	width: 235px;
}
#section_desno {
	float: right;
	position: relative;
	width: 575px;
	padding: 0 15px 0 30px;
	background:url(../pic/isprekidana.gif) no-repeat;
	/*outline: 1px solid green;*/
}
#section_desno h2, h3 {
	display:inline;
}
#section_desno div {
	width: 240px;
	height:90px;
	float:left;
	position: relative;
	border: 5px solid #FFF;
	margin-right: 15px;
}
#section_desno article {
	height: 100px;
	margin-top: 30px;
}
#section_desno article h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:24px;
	color: #3F5259;
	margin-bottom: 5px;
}
#section_desno article p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	line-height: 1.4;
	color:#FFF;
	height: 45px;
	margin-bottom: 5px;
}
#section_desno article h3 {
	font-family: 'Open Sans', sans-serif;
	color: #BEC5CD;
	font-weight:600;
	font-size: 20px;
	text-transform:uppercase;
	text-shadow: 1px 1px 1px #3F5259;
}
#dugme_top {
	clear:both;
	width: 80px;
	height: 30px;
	background:url(../pic/dugme_top.gif) no-repeat bottom;
	position: relative;
	left: 838px;
	top: 0px;
	padding-top: 20px;
}
#dugme_top p {
	width: 80px;
	height: 30px;
	text-indent: -9999px;
}
.bez_slike {
	display: none;
}
#art_mos div {
	background-image:url(../Images/240x180_mos.jpg);
}
#art_voj div {
	background-image:url(../Images/240x180_voj.jpg);
}
#art_sky div {
	background-image:url(../Images/240x180_sa.jpg);
}
#art_out div {
	background-image:url(../Images/240x180_out.jpg);
}
#art_spl div {
	background-image:url(../Images/240x180_sl.jpg);
}
#art_omv div {
	background-image:url(../Images/240x180_omv.jpg);
}
#art_rem div {
	background-image:url(../Images/240x180_rem.jpg);
}
#art_dan div {
	background-image:url(../Images/240x180_dan.jpg);
}
#art_jui div {
	background-image:url(../Images/240x180_jui.jpg);
}
#art_jdp div {
	background-image:url(../Images/240x180_jdp.jpg);
}
#art_sre div {
	background-image: url(../Images/240x180_sre.jpg);
}
#art_tot div {
	background-image:url(../Images/240x180_tot.jpg);
}
.galerija div:hover {
	background-position: bottom;
}

/*---------------------------------------
	ABOUT STRANA
---------------------------------------*/

#about_content {
	margin: 0 auto;
    display:block;
	background-color: #7D8B9C;
    border: 10px solid #E8F9FF;
    overflow: hidden;
    padding: 15px;
    position: relative;
    width: 920px;
	background-image: url(../Images/milutin_about_470x650px.jpg);
	background-repeat: no-repeat;
	background-position: 455px 110px;
	
}
#about_content h1 {
	color: #333333;
	display:block;
    display: block;
    font-family: 'Open Sans',sans-serif;
    font-size: 35px;
    font-weight: 300;
    text-transform: uppercase;
	margin-top: 40px;
	margin-left: 50px;
}
#about_content p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	line-height: 1.4;
	color: #333;
	margin-left:45px;
	margin-top: 20px;
	width: 450px;
}
#poslednji_p {
	margin-bottom: 40px;
}
html {overflow-y: scroll;}